<script>
export default {
  props: ["background", "padding"],
  render(cleateElement) {
    let background = this.$props.background;
    let padding = this.$props.padding;
    let style = {};
    if (background) {
      style.background = background;
    }
    if (padding) {
      style.padding = padding;
    }
    return cleateElement(
      "div",
      { class: "overall-page-main", style },
      this.$slots.default
    );
  },
};
</script>
<style lang="scss" scoped>
.overall-page-main {
  margin: 20px;
  padding: 14px 20px;
  // height: 100%;
  background: white;
  position: relative;
  z-index: 1000;
}
.overall-page-main:empty{
  padding: 0px;
}
</style>
